/*
 *  Copyright 2022 Collate.
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *  http://www.apache.org/licenses/LICENSE-2.0
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

.w-4 {
  width: 1rem /* 16px */;
}
.w-5 {
  width: 20px;
}
.w-6 {
  width: 24px;
}
.w-7 {
  width: 28px;
}
.w-8 {
  width: 32px;
}
.w-9 {
  width: 36px;
}
.w-16 {
  width: 64px;
}
.w-24 {
  width: 6rem;
}
.w-32 {
  width: 8rem;
}
.w-36 {
  width: 9rem;
}
.w-40 {
  width: 10rem /* 160px */;
}
.w-68 {
  width: 17rem;
}
.w-80 {
  width: 20rem;
}
.w-72 {
  width: 288px;
}
.w-48 {
  width: 12rem;
}
.w-500 {
  width: 500px;
}
.w-800 {
  width: 800px;
}
.w-960 {
  width: 960px;
}
.w-11-12 {
  width: 91.666667%;
}
.w-min-0 {
  min-width: 0;
}
.w-max-20 {
  max-width: 20%;
}
.w-max-90 {
  max-width: 90%;
}
.w-max-200 {
  max-width: 200px;
}
.w-max-400 {
  max-width: 400px;
}
.w-max-500 {
  max-width: 500px;
}
.w-max-600 {
  max-width: 600px;
}
.w-max-1080 {
  max-width: 1080px;
}
.w-max-fit-content {
  max-width: fit-content;
}
.w-max-95 {
  max-width: 95%;
}
.w-300 {
  width: 300px;
}
.w-3\/5 {
  width: 60%;
}
.w-5\/12 {
  width: 41.666667%;
}
.w-7\/12 {
  width: 58.333333%;
}
.w-9\/10 {
  width: 90%;
}
.w-60 {
  width: 15rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-fit-content {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max-256 {
  max-width: 256px;
}
.w-64 {
  width: 264px;
}

.w-max-13 {
  max-width: 13rem;
}
.w-max-full-45 {
  max-width: calc(100% - 45px);
}
.w-max-full-140 {
  max-width: calc(100% - 140px);
}

.w-auto {
  width: auto;
}
.w-screen {
  width: 100vw;
}

.w-min-10 {
  min-width: 10rem;
}
.w-min-13 {
  min-width: 13rem;
}
.w-min-15 {
  min-width: 15rem;
}
.w-min-20 {
  min-width: 20rem;
}
.w-min-60 {
  min-width: 60rem;
}

//Height
.h-inherit {
  height: inherit;
}
.h-3 {
  height: 12px;
}
.h-4 {
  height: 16px;
}
.h-5 {
  height: 20px;
}
.h-6 {
  height: 24px;
}
.h-7 {
  height: 28px;
}
.h-8 {
  height: 32px;
}
.h-9 {
  height: 36px;
}
.h-10 {
  height: 2.5rem /* 40px */;
}
.h-100 {
  height: 400px;
}
.h-24 {
  height: 6rem /* 96px */;
}
.h-64 {
  height: 16rem /* 256px */;
}
.h-70vh {
  height: 70vh;
}
.h-max-24 {
  max-height: 6rem /* 96px */;
}
.h-max-56 {
  max-height: 14rem /* 224px */;
}
.h-min-100 {
  min-height: 100vh;
}
.h-min-80 {
  min-height: 80vh;
}
.h-min-50 {
  min-height: 50vh;
}
.h-min-75 {
  min-height: 75vh;
}
.h-min-256 {
  min-height: 16rem /* 256px */;
}
.h-3\.5 {
  height: 0.875rem;
}

.h-full {
  height: 100%;
}
.h-auto {
  height: auto;
}

.h-min-full {
  min-height: 100%;
}

.max-width-md {
  max-width: 768px;
}
